<template>
  <div>
  <van-swipe class="my-swipe" :autoplay="3000" indicator-color="white">
  <van-swipe-item v-for="item in arr" :key="item.id">
    <img :src="$pre+item.img" alt="">
  </van-swipe-item>
</van-swipe>
  </div>
</template>

<script>
import {reqhomebanner} from "../../../http/http"
import axios from "axios"
export default {
      data(){
        return{
          //1.初始化数据
          arr:[]
        }
      },
      mounted(){
        reqhomebanner().then(res=>{
          this.arr=res.data.list
        })
      }
}
</script>

<style scoped>
.my-swipe{
  height: 3rem;
}
img{
  width: 100%;
  height: 100%;
}
</style>